<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用jQuery来禁止按钮</title>
		<script src="js/jquery.min.js"></script>
		
	</head>
	<body>
		<button id="zfb" >支付宝支付</button>
		<button id="wx">微信支付</button>
	</body>
	
	<script>
		//点击按钮来操作，禁止按钮，修改按钮的内容
		//直接在标签上写事件，称为前期绑定（写死的，静态）
		function pay01(){
			//禁止按钮
			$("#zfb").prop("disabled",true);
			
		}
		//新的jQuery提供方式,后期绑定事件（动态）,可以针对自己按钮写自己的事件
		//后期绑定事件后把前期绑定事件覆盖掉，之前写的事件就不生效了
		$("#zfb").click(function(){
			//js代码,代表自身js-this,jq-$(this)
			$(this).prop("disabled",true);
			$(this).text("支付宝支付中~请稍后！！")//修改按键文字
		});//参数是匿名函数

		$("#wx").click(function(){
			$(this).prop("disabled",true);
			$(this).text("微信支付中~请稍后！！")//修改按键文字
			//链式编程
			//$(this).prop("disabled",true).text("微信支付中~请稍后！！")
		})
	</script>
	
</html>